<template>
    <p class="cut" v-text="title">广告系统</p>
</template>

<script>
export default {
    props: ['title']
}
</script>

<style scoped>
.cut {
    white-space: nowrap;
    text-align: center;
    padding: 10px 0;
    display: table;
}

.cut:after {
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-position: left 1em top 50%;
    background-repeat: no-repeat;
    background-image: url();
}

.cut:before {
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-position: right 1em top 50%;
    background-repeat: no-repeat;
    background-image: url();
}
</style>
